<template>
    <view class="footer">
      <view @click="()=>{handlePrev()}"> 上一页</view>
      <view @click="()=>{handleToC()}" style="color: #ffd665;">目录</view>
      <view @click="()=>{handleNext()}">下一页 ></view>
    </view>
  </template>
  
  <script lang="ts" setup>
  const handlePrev = () => {

  }
  const handleToC = () => {

  }
  const handleNext = () => {

  }
  </script>
  
  <style scoped>
  .footer {
    height: 6vh;
    width: 100%;
    background-color: #1c1526;
    color: #eee;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top: 1px solid #ccc;
  }
  </style>
  